<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>班级信息管理</title>
</head>

<body>
  <!-- 查询的表单 -->
  <div>
    <input type="text" id="txtcname" placeholder="班级名称模糊查询">
    <button id="btnQuery">查询</button>
  </div>

  <!-- 添加的表单 -->
  <div>
    <input type="text" id="acname" placeholder="班级名称">
    <input type="text" id="acinfo" placeholder="班级描述">
    <button id="btnAdd">添加</button>
    <span id="spAdd"></span>
  </div>


  <!-- 数据呈现表格部分 -->
  <table style="width: 100%;" border="1" cellspacing="0" cellpadding="0">
    <thead>
      <tr>
        <th>班级编号</th>
        <th>班级名称</th>
        <th>班级描述</th>
        <th>信息最后修改时间</th>
        <th>操作</th>
      </tr>
    </thead>

    <tbody id="tbData"></tbody>

  </table>

  <hr>

  <!-- 分页的部分 -->
  <nav>
    <a id="apre" href="javascript:void(0)">上一页</a>
    <span id="sppage"></span>
    <a id="anext" href="javascript:void(0)">下一页</a>
  </nav>

  <!-- 修改的部分 -->
  <div id="divModi">
    <hr>

    <div>
      <input type="text" id="mcname" placeholder="班级名称">
      <input type="text" id="mcinfo" placeholder="班级描述">
      <button id="btnModi">保存</button>
      <button id="btnClose">关闭</button>
      <span id="spModi"></span>
    </div>

  </div>


  <script type="module" src="../js/zuoye3.js"></script>
</body>

</html>